<template>
	<view class="index_cont">
		<view class="search">
			<input class="uni-input" v-model="title" placeholder="请输入名称内容"
				placeholder-style="font-size: 28rpx;color: #999;" />
			<i class="iconfont icon-sousuo" style="font-size: 34rpx;" @click="searchList"></i>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			itemObj: {
				type: Object,
				default: {}
			},

		},
		data() {
			return {
				title: ""
			}
		},
		created() {},
		methods: {
			searchList() {
				this.$emit("searchList", this.title);
			}
		}

	}
</script>

<style>
	.search {
		margin: 0 auto;
		width: 100%;
		height: 100rpx;
		line-height: 80rpx;
		border-radius: 8rpx;
		padding-left: 24rpx;
		box-sizing: border-box;
		position: relative;
		background: #fff;
	}

	.index_cont {
		width: 750rpx !important;
	}

	.search input {
		width: 100%;
		height: 80rpx;
	}

	.search i {
		position: absolute;
		top: 0;
		right: 30rpx;
	}

	.search .uni-input {
		width: 700rpx;
		background: #EDEEF0;
		padding-left: 20rpx;
		box-sizing: border-box;
	}

	.icon-sousuo {
		width: 80rpx;
		text-align: center;
	}
</style>